import Vue from 'vue'
import App from './App.vue'
import router from './router'
// 全部引入, 将来开发不推荐, 因为组件太多, 最终打包会比较大
// // 引入 Vant
// import Vant from 'vant'
// // 引入 Vant 的样式
// import 'vant/lib/index.css'
// // 安装 Vant
// Vue.use(Vant)

// 最佳方案: 用什么就拿什么, 不要把所有组件都引入进来了
// 手动按需引入: 不方便, 每次要用组件都得去官网拿
// import Button from 'vant/lib/button'
// import 'vant/lib/button/style'
// import { Calendar } from 'vant'
// import 'vant/lib/calendar/style'
// Vue.use(Calendar)
// Vue.use(Button)

// import { Button, Calendar } from 'vant'
// Vue.use(Button)
// Vue.use(Calendar)
// 封装了一个 utils/vant.js
// 导入目标模块的内容
// import 变量 from '路径'
// 但现在, 我只希望执行目标模块的代码, 不用导入任何内容, 语法和导入 css 一模一样
// import '路径'
import './utils/vant'

// 全局注册组件
// 1.引入
import ArticleItem from '@/components/article-item.vue'
// 2.用 Vue.component()注册
Vue.component('ArticleItem', ArticleItem)
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

// ESLint 保存自动修复
// 1. 装插件: ESLint
// 2. 修改配置
// 文件 => 首选项 => 设置 => 打开设置(JSON) => 去笔记中复制配置过来

// 手动按照 ESLint 规范格式化 shift + alt + f
// 插件: ESLint Prettier (感兴趣的课后自己试试)

// 项目初始化后清理结构
// 1. 删除所有要清理的东西
// 1.1 App.vue 文件内的所有代码
// 1.2 views 下的所有文件
// 1.3 components 下所有文件
// 1.4 router/index.js 中所有不需要的配置
// 1.5 assets 下所有的文件

// 2. 添加一些目录
// 2.1 src/api    请求模块
// 2.2 src/utils  工具模块
